<template>
        <div class="m-multi">
               <h3 class="u-hd3">
                       <span class="f-f1">网易云音乐多端下载</span>
               </h3>
               <ul class="bg">
                     <li>
                             <a  href="https://itunes.apple.com/cn/app/id590338362" class="ios" target="blank">

                             </a>
                    </li>
                    <li>
                         <a href="https://music.163.com/api/pc/download/latest" class="pc" target="blank">
                                 </a>   
                    </li> 
                    <li>
                            <a href="https://music.163.com/api/android/download/latest2" class="aos" target="blank"></a>
                    </li> 
               </ul>
               <p class="s-fc4">同步歌单，随时畅听320k好音乐</p>
        </div>
</template>

<script>
export default {
       name:'Load',
       
}
</script>

<style lang="less" scoped>
         .m-multi {
                 margin: 20px 0;
                 padding-bottom: 20px;
                 text-align: left;
                 .bg {
                         height: 65px;
                         margin-bottom: 10px;
                        background: url(../images/sprite.png) no-repeat 0 -392px;
                        li {
                                float: left;
                        }
                        a {
                        display: block;
                        width: 42px;
                        height: 48px;

                        }
                       .pc {
                               
                               width: 60px;
                               margin: 0 26px 0 30px;
                               &:hover {
                                     background: url(../images/sprite.png) no-repeat -72px -472px;  
                               }
                       } 
                 }
         }
         .u-hd3 {
              position: relative;
              height: 23px;
              margin-bottom: 20px;
              border-bottom:1px solid #ccc;
              color: #333; 
              font-size: 12px;  
         }
         .f-f1 {
                 float: left;
         }
         .ios {
             &:hover {
                     background: url(../images/sprite.png) no-repeat 0 -472px;
             }    
         }
         .aos {
                &:hover {
                        background: url(../images/sprite.png) no-repeat -158px -472px;
                }
         }
        

</style>